<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>常用样式</title>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
	</head>
	<body>
		<div class="container">
			<h1>标题1 <small>副标题</small></h1>
			<h2>标题2 <span class="small">副标题</span></h2>
			<h3>标题3</h3>
			<div class="h1">你好</div>
			<hr >
			<p>1最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手</p>
			<p class="lead">1最新 <b>完整</b>版Bootstrap <small>教程</small>（最给力的前端框架）bootstrap<i>框架</i>讲解-快速上手</p>
			<hr >
			<!-- 强调 -->
			<div class="text-muted">最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手</div>
			<div class="text-primary">最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手</div>
			<div class="text-success">最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手</div>
			<div class="text-info">最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手</div>
			<div class="text-warning">最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手</div>
			<div class="text-danger">最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手</div>
			<hr >
			<!-- 对齐方式 -->
			<div class="text-primary text-left">最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手</div>
			<div class="text-success text-right">最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手</div>
			<div class="text-info text-center">最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手</div>
			<div class="text-warning text-justify">
				最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手最新完整版Bootstrap教程（最给力的前端框架）
				bootstrap框架讲解-快速上手最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手最新完整版Bootstrap教程
				（最给力的前端框架）bootstrap框架讲解-快速上手最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手
				最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手
				最新完整版Bootstrap教程（最给力的前端框架）bootstrap框架讲解-快速上手
			</div>
		</div>
	</body>
</html>
